{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends 'base-protocol-mozilla.html' %}

{% block page_title %}{{ ftl('newsletters-sign-up-read-up-stay-informed') }}{% endblock page_title %}

{% block page_desc %}
  {{ ftl('newsletters-get-smart-on-the-issues') }}
{% endblock %}

{% block body_class %}{{ super() }} newsletter-mozilla{% endblock %}

{% block page_css %}
  {{ css_bundle('protocol-newsletter') }}
  {{ css_bundle('newsletter-mozilla') }}
{% endblock %}

{% block site_header %}{% endblock %}

{% block content %}
<main>
  <header class="section section-intro" id="intro">
    <div class="mzp-l-content">
      <h1 class="page-title">{{ self.page_title() }}</h1>
    </div>
  </header>

  <section class="section section-subscribe" id="subscribe">
    <div class="mzp-l-content mzp-t-content-sm">
      <h2 class="section-title">{{ self.page_desc() }}</h2>
      {% if ftl_has_messages('multi-newsletter-form-title', 'multi-newsletter-form-desc', 'multi-newsletter-form-checkboxes-legend') %}
        {{ email_newsletter_form(
          newsletters='mozilla-foundation' if switch('foundation-separate-newsletter') else 'mozilla-foundation, mozilla-and-you',
          include_title=False,
          button_class='button-dark'
        )}}
      {% else %}
        {{ email_newsletter_form(newsletters='mozilla-foundation', include_title=False, spinner_color='#c13832') }}
      {% endif %}
    </div>
  </section>
</main>
{% endblock %}

{% block js %}
  {{ js_bundle('newsletter') }}
{% endblock %}
